<template>
	<view class="d_wrap">
		<view class="d_text1">
			<template v-if="info.status == 1">待审核</template>
			<template v-if="info.status == 2">审核通过</template>
			<template v-if="info.status == 3">审核驳回</template>
		</view>
		<view class="d_box">
			<view class="jui_flex jui_flex_items_center">
				<view class="jui_flex1 d_text2">提现金额</view>
				<view class="jui_fc_zhuse jui_font_w600">¥ {{info.money}}</view>
			</view>
			<view class="jui_flex jui_flex_items_center">
				<view class="jui_flex1 d_text2">收款方式</view>
				<view class="d_text3">
					<template v-if="info.type == 1">微信</template>
					<template v-if="info.type == 2">支付宝</template>
					<template v-if="info.type == 3">银行卡</template>
				</view>
			</view>
			<view class="jui_flex jui_flex_items_center">
				<view class="jui_flex1 d_text2">收款人</view>
				<view class="d_text3">{{info.account_name}}</view>
			</view>
			<view class="jui_flex jui_flex_items_center">
				<view class="jui_flex1 d_text2">收款账号</view>
				<view class="d_text3 jui_ellipsis_2">{{info.account}}</view>
			</view>
			<view class="jui_flex jui_flex_items_center" v-if="info.type == 3">
				<view class="jui_flex1 d_text2">收款开户行</view>
				<view class="d_text3">{{info.bank_site}}</view>
			</view>
			<view class="d_text4">收款码</view>
			<image style="max-width: 80%;"  :src="info.image" mode="aspectFit" @tap="pre(info.image)"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				id:"",
				info:{},
			}
		},
		onLoad(opt) {
			this.id = opt.id;
			this.init();
		},
		methods:{
			init() {
				this.$api.getWithdrawLogFind({id:this.id}).then(res => {
					if(res.code == 1){
						this.info = res.data.log;
					}
				});
			},
			pre(src){
				var arr = [];
				arr.push(src);
				this.$tool.preview(arr);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.d_wrap{
		width: 100%;
		height: 100vh;
		background-color: #fff;
		border-radius: 40rpx 40rpx 0 0;
		padding-left: 30rpx;
	}
	.d_box{
		padding: 20rpx 30rpx 20rpx 0;
		border-top: 1px solid #f5f5f5;
		border-bottom: 1px solid #f5f5f5;
	}
	.d_text1{
		font-size: 36rpx;
		color:#333;
		font-weight: bold;
		padding: 30rpx 0;
	}
	.d_text2{
		font-size: 30rpx;
		color:#999;
		min-width: 200rpx;
		padding: 20rpx 0;
	}
	.d_text4{
		font-size: 32rpx;
		color:#333;
		margin: 30rpx 0;
	}
</style>
